<template>
	<div class="pad-20 bgc-default">
		<div class="tab-sticky">
			<el-tabs v-model="storeType">
				<el-tab-pane label="门店管理" name="0"></el-tab-pane>
				<el-tab-pane label="门店业绩" name="1"></el-tab-pane>
			</el-tabs>
		</div>
		<div class="bg-color-white mar-t-20">
			<template v-if="storeType === '0'">
				<store-manage></store-manage>
			</template>
			<template v-if="storeType === '1'">
				<store-achievement></store-achievement>
			</template>
		</div>
	</div>
</template>

<script>
	import storeManage from './store-manage'
	import storeAchievement from './store-achievement'
	export default {
	  components: {
	    storeManage,
	    storeAchievement
	  },
	  data() {
	    return {
	      storeType: '0'
	    }
	  }
	}
</script>

<style lang='less' scoped>
	.user-avatar {
		width: 68px;
		height: 68px;
		display: block;
		padding: 1px;
		border: #efefef 1px solid;
	}

	.tab-sticky {
		position: sticky;
		top: 0px;
		left: 20px;
		width: calc(100% + 40px);
		background: white;
		z-index: 1000;
		padding-top: 10px;
		padding-left: 17px;
		margin-left: -20px;
		margin-top: -20px;

		/deep/ .el-tabs__header {
			margin: 0;
		}
	}
</style>
